Skip to content

Conversation

@Phil-NHS
Copy link

@Phil-NHS Phil-NHS commented Oct 6, 2025

JIRA link

TD-6277

Description

Remove TEL-Frontend and replacing with NHSE-Frontend. Then upgrading to NHSE-Frontend 10.x
I have look through a few screen and compared with the NHSE-Frontend showcase, and DLS Production.
The secondary button has changed for example.

The page template has changed. And svgs have been dropped and replaced with pseudos with css shapes.

Because of this using nhsuk-back no longer works with anything but the cancel buttons, it had been used for other purposes like cancel. Instead the change decided on was to use nhsuk-link and remove the svg. So cancel should no longer have an X or a chevron for example.

The View Components package still expects the older version of NHSE-Frontend so will show both the cross and chevron until it has been updated.

There is an extensive list of changes here https://service-manual.nhs.uk/design-system/guides/updating-to-v10

Screenshots

Paste screenshots for all views created or changed: mobile, tablet and desktop, wave analyser showing no errors.


Developer checks

(Leave tasks unticked if they haven't been appropriate for your ticket.)

I have:

  • Run the IDE auto formatter on all files I’ve worked on and made sure there are no IDE errors relating to them
  • Written or updated tests for the changes (accessibility ui tests for views, tests for controller, data services, services, view models created or modified) and made sure all tests are passing
    Web tests all work the other didnt all work locally for me before the changes, I would like to to be shown how to do this
  • Manually tested my work with and without JavaScript (adding notes where functionality requires JavaScript)
  • Tested any Views or partials created or changed with Wave Chrome plugin. Addressed any valid accessibility issues and documented any invalid errors
  • Updated my Jira ticket with testing notes, including information about other parts of the system that were touched as part of the MR and need to be tested to ensure nothing is broken
  • Scanned over my pull request in GitHub and addressed any warnings from the GitHub Build and Test checks in the GitHub PR ‘Files Changed’ tab
    Either:
  • Documented my work in Confluence, updating any business rules applied or modified. Updated GitHub readme/documentation for the repository if appropriate. List of documentation links added/changed:
  • Confirmed that none of the work that I have undertaken requires any updates to documentation

Alternative: Did not delete and regenerate files.
…ing older browsers so removing polyfill reference and not replacing it
Comment: May be desireable to consider a task to pass the nonce in header, base controller in viewbag and randomly generate it
</ItemGroup>

<ItemGroup>
<None Include="node_modules\nhsuk-frontend\dist\nhsuk-9.1.0.min.js" />
Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this may not be right despite the docs. Or it may be because the files are created on publish only, however i did manually move the files to wwwroot from node.

…-NHSE-TEL-FRONTEND-and-replace-with-NHSUK-FRONTEND
@Phil-NHS
Copy link
Author

Phil-NHS commented Oct 6, 2025

There were yarn lock clashes i went with incoming because i hadnt particularly deliberately changed these i dont think

@Phil-NHS
Copy link
Author

Phil-NHS commented Oct 6, 2025

Also see https://hee-tis.atlassian.net/browse/TD-6302 created because of cancellink view component not compatible with 10.x nhse-frontend yet

@rshrirohit rshrirohit changed the title Develop/feature/td 6277 remove nhse tel frontend and replace with nhsuk frontend TD-6277 remove nhse tel frontend and replace with nhsuk frontend Oct 30, 2025
Copy link
Collaborator

@rshrirohit rshrirohit left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please see the inline comments.
Also, there are some image changes in the wwwroot folder (towards the end), are these changes intended? Generally we keep this folder in gitignore. Could you confirm this, please?

import { JSDOM } from 'jsdom';
import { exitFullscreen, enterFullscreen } from '../../learningMenu/fullscreen';

/*qqqq what is this page do i need to update it*/
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could you remove comments like these, please?

);

migrationRunner.MigrateUp();
migrationRunner.MigrateUp();
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This file has only whitespace change. We understand that you might have used the formatter that has created these, but please could we undo them, please?


<button class="nhsuk-button delete-button" type="submit">Remove framework source</button>
</form>
<div class="nhsuk-link">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Like in this file, there's just this 1 change in this line but Github highlights the whole file since there are whitespace changes.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ah i dont know why its done that okay

Like in this file, there's just this 1 change in this line but Github highlights the whole file since there are whitespace changes.

"UnitTestConnection": "Data Source=localhost;Initial Catalog=mbdbx101_uar_test;Integrated Security=True;TrustServerCertificate=true;"
},
"CurrentSystemBaseUrl": "https://localhost:5001",
"CurrentSystemBaseUrl": "https://localhost:5001",
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

another example of whitespace change

Copy link
Collaborator

@rshrirohit rshrirohit left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You have refrenced TD-6277 in the PR, that ticket belongs to the moodle area by the description of it. Could you please site the correct ticket number.

@Phil-NHS
Copy link
Author

Please see the inline comments. Also, there are some image changes in the wwwroot folder (towards the end), are these changes intended? Generally we keep this folder in gitignore. Could you confirm this, please?

it is because as far as i can tell we dont get the images from nshukfrontend put in by a pipeline. I think it was a week a bit ago. so when updating the package it didnt have images it needs because it now wants them in different paths. So i think i needed to create the folders and put the images in rather than relying on gulp or something like that. So they would need to be source controlled. Unless we are running something to generate them on build, then we can put them a gitignore. I will check first when i update the pull request though because im not certain.

@Phil-NHS Phil-NHS closed this Oct 31, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants